.vmenu2 ul{ margin: 0; padding: 0; width: 179px; /* Main Menu Item widths */ list-style-type: none; font: bold 12px Verdana; border-bottom: 1px solid #ccc; }

.vmenu2 ul li{ position: relative; }

/* Top level menu links style */
.vmenu2 ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778; }

.vmenu2 ul li a:link, .vmenu2 ul li a:visited, .vmenu2 ul li a:active{ background: #414141; /*background of menu items (default state)*/ color: white; }

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.vmenu2 ul li a.selected{ background: black; color: white; }

.vmenu2 ul li a:hover{ background: black; /*background of menu items during onmouseover (hover state)*/ color: white; }

/*Sub level menu items */
.vmenu2 ul li ul{ position: absolute; width: auto; /*Sub Menu Items width */ top: 0; font-weight: normal; visibility: hidden; }

/* Holly Hack for IE \*/
* html .vmenu2 ul li { float: left; height: 1%; }
* html .vmenu2 ul li a { height: 1%; }


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }